<!DOCTYPE html>
<html lang="en">
<head>
	
	<!-- start: Meta -->
	<?php require 'inc/headscript.php' ; ?>

</head>

<body>
	<div id="overlay">
		<ul>
			<li class="li1"></li>
			<li class="li2"></li>
			<li class="li3"></li>
			<li class="li4"></li>
			<li class="li5"></li>
			<li class="li6"></li>
		</ul>
	</div>	
	<!-- start: Header -->
	<?php $this->widget('HeaderWidget');?>
	<!-- start: Header -->

	<div class="container-fluid">
		<div class="row-fluid">

			<!-- start: Main Menu -->
			<?php $this->widget('MenuWidget');?>
			<!-- end: Main Menu -->

			<noscript>
				<div class="alert alert-block span10">
					<h4 class="alert-heading">Warning!</h4>
					<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
				</div>
			</noscript>

			<div id="content" class="span10">
				<!-- start: Content -->
				<?php echo $content; ?>

			</div>
			<!-- end: Content -->
		</div><!--/#content.span10-->
	</div><!--/fluid-row-->

	<div class="modal hide fade" id="myModal">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal">×</button>
			<h3>Settings</h3>
		</div>
		<div class="modal-body">
			<p>Here settings can be configured...</p>
		</div>
		<div class="modal-footer">
			<a href="#" class="btn" data-dismiss="modal">Close</a>
			<a href="#" class="btn btn-primary">Save changes</a>
		</div>
	</div>

	<div class="clearfix"></div>

	<footer>
		<p>
			<span style="text-align:left;float:left">&copy; <a href="http://clabs.co" target="_blank">SDG Team</a> 2013</span>
			<span style="text-align:right;float:right">Powered by: <a href="#">SDG Team</a></span>
		</p>

	</footer>
	<!--/.fluid-container-->

	<!-- start: JavaScript-->


	<script type="text/javascript">

// function message_welcome1(){
// 	var unique_id = $.gritter.add({
// 			// (string | mandatory) the heading of the notification
// 			title: 'Welcome on Perfectum Dashboard',
// 			// (string | mandatory) the text inside the notification
// 			text: 'I hope you like this template',
// 			// (string | optional) the image to display on the left
// 			image: 'img/avatar.jpg',
// 			// (bool | optional) if you want it to fade out on its own or just sit there
// 			sticky: false,
// 			// (int | optional) the time you want it to be alive for before fading out
// 			time: '',
// 			// (string | optional) the class name you want to apply to that specific message
// 			class_name: 'my-sticky-class'
// 		});
// }

// function message_welcome2(){
// 	var unique_id = $.gritter.add({
// 			// (string | mandatory) the heading of the notification
// 			title: 'Perfectum is Amazing Theme',
// 			// (string | mandatory) the text inside the notification
// 			text: 'Perfectum works on all devices, computers, tablets and smartphones. Perfectum has lots of great features. Try It!',
// 			// (string | optional) the image to display on the left
// 			image: 'img/avatar.jpg',
// 			// (bool | optional) if you want it to fade out on its own or just sit there
// 			sticky: false,
// 			// (int | optional) the time you want it to be alive for before fading out
// 			time: '',
// 			// (string | optional) the class name you want to apply to that specific message
// 			class_name: 'my-sticky-class'
// 		});
// }

// function message_welcome3(){
// 	var unique_id = $.gritter.add({
// 			// (string | mandatory) the heading of the notification
// 			title: 'Buy Perfectum!',
// 			// (string | mandatory) the text inside the notification
// 			text: 'This great template can be yours today.',
// 			// (string | optional) the image to display on the left
// 			image: 'img/avatar.jpg',
// 			// (bool | optional) if you want it to fade out on its own or just sit there
// 			sticky: false,
// 			// (int | optional) the time you want it to be alive for before fading out
// 			time: '',
// 			// (string | optional) the class name you want to apply to that specific message
// 			class_name: 'gritter-light'
// 		});
// }

// $(document).ready(function(){

// 	setTimeout("message_welcome1()",5000);
// 	setTimeout("message_welcome2()",10000);	
// 	setTimeout("message_welcome3()",15000);

// });			
</script>
<!-- end: JavaScript-->

</body>
</html>
